import React from 'react'
import { useLocation } from 'react-router-dom'
import qs from 'qs'

export default function Music() {
    /* 
    路由传参:useLocation
        useLocation:可以获取当前的路由地址信息
        - path：当前的路由地址
        - search：查询字符串形式的路由传参
    */
    const location=useLocation()
    const {user,id}=qs.parse(location.search.split('?')[1])
    return (
        <div>
            <div>Music</div>
            <p>歌手是{ user },编号为{ id }</p>
        </div>
    )
}
